@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxpXMLUeV6_io0G3F6eXSVcg.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxv25ds880Du_gFZbUlZlsbg.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/O4NhV7_qs9r9seTo7fnsVD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
}


body{
    background-color: white;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.abc,.text-input {
    width: 200px;
}


.formular {
    margin-top: 20px;
}

.heading_1 {
    width: 100%;
    height: 30px;
}

.heading_2 {
    width: 100%;
    height: 150px;
    background-color: #66ccff;
}
.navi {
    position: absolute;
    margin-left: 60%;
    top: 30px;;
}
.navi_span {
    margin-left: 10px;
}
.heading_1 h1 {
    color: #999999
}
.heading_2 h1 {
    
    color: white;
    margin-left: 20px;
    margin-top: 20px;
}

input.button {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

a:link {
    text-decoration: none; 
}
a:active {
    text-decoration: none; 
}
a:visited {
    text-decoration: none; 
}
a:hover {
    text-decoration: none; 
}

table td {
    width: 150px;
    padding-left: 30px;
}
table tr {
    margin: 20px;
}

.navigate {
    position: relative;
    display: block;
    height: 30px;
    width: 100%;
}

.navi_butt {
    position: relative;
    float: left;
    margin-left: 20px;
    width: 150px;
    height: 30px;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    padding-top: 0.5em;
    padding-left: 2em;
}

.ban-l {
    font-weight: bold;
}

.message {
    position: absolute;
    padding-top: 30px;
    width: 400px;
    height: 200px;
    margin-left: 400px;
    margin-top: 200px;
    background-color: white;
    z-index: 20;
}
.are_1_butt,.are_2_butt {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 100%;

}

.are_1,.are_2 {
    position: relative;
    float: left;
    margin-bottom: 80px;
    width: 100%;

}
.cover {
    position: fixed;
    width: 5000px;
    height: 5000px;
    background-color: black;
    opacity: 0.5;
    z-index: 10;
}
.p1_label {
    position: absolute;
    margin-left: 20px;
    margin-top: 10px;
    width: 150px;


}
.vali {
    color: red;
    position: absolute;
    margin-top: 33px;
    margin-left: 250px;
}

.p1_txt {
    position: absolute;
    margin-left: 9em;
    margin-top: 10px;
    width: 12.5em;


}


.p1_but {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 100px;

}